// uno.config.ts
import { defineConfig, presetAttributify, presetUno } from "unocss";
import presetRemToPx from "@unocss/preset-rem-to-px";

export default defineConfig({
  // ...UnoCSS options
  presets: [
    presetUno(),
    presetAttributify(),
    presetRemToPx({
      baseFontSize: 4,
    }),
  ],
  rules: [
    // [/^m-([\.\d]+)$/, ([_, num]) => ({ margin: `${num}px` })],
    [/^lines-(\d+)$/, ([_, lines]) => ({
      'overflow': 'hidden',
      'text-overflow': 'ellipsis', // 文本溢出时显示省略号
      'display': '-webkit-box',
      "-webkit-box-orient": 'vertical', 
      '-webkit-line-clamp': lines, // 使用捕获组中的数字来设置行数
    })],
    [
      'p-c', // 使用时只需要写 p-c 即可应用该组样式
       {
         position: 'absolute',
         top: '50%',
         left: '50%',
         transform: `translate(-50%, -50%)`
       }
   	],
  ],
  
});

